#header{
	box-shadow: 0px 3px 55px -30px #001e39;
}

.bread_crumb{
	margin-top: 135px;
}

/* 百科内容 */
.baike_content{
	width: 1200px;
	margin: 0 auto 50px;
}
/* 上半部分 */
.baike_content .title{
	background-color: white;
	width: 1200px;
	height: 541px;
	margin-bottom: 17px;
	font-size: 0;
}

.baike_content .title>div{
	display: inline-block;
	vertical-align: top;
}
/* 左大图 */
.baike_content .title .left{
	width: 400px;
	height: 520px;
	padding: 10px;
	margin-right: 25px;
}

.baike_content .title .left>.big_img{
	width: 400px;
	height: 400px;
	padding: 10px;
	position: relative;
}

/* 轮播图 */
.baike_content .title .left>.big_img>img{
	position: absolute;
	display: none;
	left: 10px;
	top: 10px;
	width: 400px;
	height: 400px;
}

.baike_content .title .left>.big_img>img:nth-of-type(1){
	display: block;
}

/* 轮播图底部按钮 */
.baike_content .title .left>.big_img .button{
	padding: 0 10px;
	position: absolute;
	bottom: 30px;
	left: calc(50% - 60px);
	width: 100px;
	height: 24px;
	border-radius: 12px;
	background-color: rgba(1,1,1,.3);
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.baike_content .title .left>.big_img .button>div{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: white;
}

.baike_content .title .left>.big_img .button>div:first-of-type{
	background-color: #ff6542;
}

.baike_content .title .left>.big_img .button>div:hover{
	background-color: #ff6542;
}

/* 轮播图两边按钮 */
.baike_content .title .left>.big_img .prev{
	position: absolute;
	top: calc(50% - 30px);
	left: 10px;
	width: 30px;
	height: 60px;
	background-color: rgba(0,0,0,.4);
	display: none;
	justify-content: center;
	align-items: center;
}

.baike_content .title .left:hover>.big_img .prev{
	display: flex;
}

.baike_content .title .left>.big_img .prev:hover{
	background-color: rgba(0,0,0,.6);
}

.baike_content .title .left>.big_img .prev>div{
	margin-left: 4px;
	width: 10px;
	height: 10px;
	border-right: 3px solid white;
	border-bottom: 3px solid white;
	transform: rotate(135deg);
}

.baike_content .title .left>.big_img .next{
	position: absolute;
	top: calc(50% - 30px);
	right: 10px;
	width: 30px;
	height: 60px;
	background-color: rgba(0,0,0,.4);
	display: none;
	justify-content: center;
	align-items: center;
}

.baike_content .title .left:hover>.big_img .next{
	display: flex;
}

.baike_content .title .left>.big_img .next:hover{
	background-color: rgba(0,0,0,.6);
}

.baike_content .title .left>.big_img .next>div{
	margin-right: 4px;
	width: 10px;
	height: 10px;
	border-left: 3px solid white;
	border-top: 3px solid white;
	transform: rotate(135deg);
}

.baike_content .title .left>.small_img{
	width: 400px;
	padding: 10px;
	height: 80px;
	/*background-color: red;*/
}

.baike_content .title .left>.small_img>img{
	width: 78px;
	height: 78px;
	border: 1px solid #e5e5e5;
	margin: 0 10px;
}

.baike_content .title .left>.small_img>img.hover{
	border: 1px solid #ff6542;
}

/* 大图右边 */
.baike_content .title .right{
	width: 725px;
}

.baike_content .title .right .line1{
	height: 50px;
	margin: 27px 0 30px;
}

.baike_content .title .right .line1>div{
	display: inline-block;
	vertical-align: top;
	width: 135px;
	height: 50px;
}

.baike_content .title .right .line1 .name{
	font-family: MicrosoftYaHei;
	color: #262626;
	font-size: 40px;
	width: 100%;
}

.baike_content .title .right .line1 .name>span{
	font-size: 16px;
}
/* 除了第一个 */
.baike_content .title .right .line1 .like>div:nth-of-type(1),
.baike_content .title .right .line1 .done>div:nth-of-type(1),
.baike_content .title .right .line1 .want>div:nth-of-type(1){
	display: inline-block;
	vertical-align: top;
	width: 42px;
	height: 42px;
	margin: 4px 5px;
}

.baike_content .title .right .line1 .like>div:nth-of-type(2),
.baike_content .title .right .line1 .done>div:nth-of-type(2),
.baike_content .title .right .line1 .want>div:nth-of-type(2){
	display: inline-block;
	vertical-align: top;
	width: 79px;
	height: 50px;
}

.baike_content .title .right .line1 .like>div:nth-of-type(2)>div:nth-of-type(1),
.baike_content .title .right .line1 .done>div:nth-of-type(2)>div:nth-of-type(1),
.baike_content .title .right .line1 .want>div:nth-of-type(2)>div:nth-of-type(1){
	font-size: 14px;
	color: #ff66df;
	text-align: center;
	line-height: 25px;
}

.baike_content .title .right .line1 .like>div:nth-of-type(2)>div:nth-of-type(2),
.baike_content .title .right .line1 .done>div:nth-of-type(2)>div:nth-of-type(2),
.baike_content .title .right .line1 .want>div:nth-of-type(2)>div:nth-of-type(2){
	font-size: 14px;
	color: #262626;
	text-align: center;
	line-height: 25px;
}
/* 喜欢 */
.baike_content .title .right .line1 .like>div:nth-of-type(1){
	/*background: url('../images/baike_like.png') no-repeat center;*/
}
/* 养过 */
.baike_content .title .right .line1 .done>div:nth-of-type(1){
	/*background: url('../images/baike_done.png') no-repeat center;*/
}
/* 想养 */
.baike_content .title .right .line1 .want>div:nth-of-type(1){
	/*background: url('../images/baike_want.png') no-repeat center;*/
}

.baike_content .title .right .price{
	height: 96px;
	background-color: #f3f7fa;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.baike_content .title .right .price>div{
	display: flex;
	justify-content: center;
	align-items: center;
}

.baike_content .title .right .price>div:first-of-type{
	margin-left: 20px;
	font-family: MicrosoftYaHei;
	font-size: 20px;
	color: #333;
}
/*  价格  */
.baike_content .title .right .price>div:last-of-type{
	margin-left: 10px;
	font-family: MicrosoftYaHei;
	font-size: 30px;
	color: #fe3b00;
}
/*  详情  */
.baike_content .title .right .details{
	padding: 0 10px;
	width: 705px;
	height: 200px;
}

.baike_content .title .right .details>div{
	display: inline-block;
	vertical-align: top;
	width: 230px;
	height: 48px;
	margin: 1px;
}

.baike_content .title .right .details>div>div:first-of-type{
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 40%;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #aca0ac;
}

.baike_content .title .right .details>div>div:last-of-type{
	display: inline-block;
	vertical-align: top;
	width: 57%;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #373c3c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*  属性   */
.baike_content .title .right .shuxing{
	height: 120px;
	background-color: white;
}

.baike_content .title .right .shuxing>div{
	display: inline-block;
	vertical-align: top;
	margin: 5px 11px;
	width: 96px;
	height: 48px;
	border: 1px solid white;
	background-color: #f3f7fa;
	position: relative;
}
/* 属性标题 */
.baike_content .title .right .shuxing>div>div:first-of-type{
	width: 96px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 19px;
	font-family: MicrosoftYaHei;
	color: #262626;
}

.baike_content .title .right .shuxing>div>div:nth-of-type(2){
	width: 20px;
	height: 20px;
	bottom: 0;
	right: 0;
	background: -webkit-linear-gradient(right bottom, #E6ECF1 0%,#E6ECF1 50%,white 50%, white 100%); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(right bottom, #E6ECF1 0%,#E6ECF1 50%,white 50%, white 100%); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(right bottom, #E6ECF1 0%,#E6ECF1 50%,white 50%, white 100%); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right bottom, #E6ECF1 0%,#E6ECF1 50%,white 50%, white 100%);
	position: absolute;
}
/* 属性内容 */
.baike_content .title .right .shuxing>div>div:last-of-type{
	display: none;
	position: absolute;
	top: 48px;
	left: 0px;
	width: 669px;
	font-size: 14px;
	line-height: 20px;
	background-color: #f3f7fa;
	border: 2px solid #ff6542;
	padding: 10px;
}
/*  设置属性内容偏移量 */
.baike_content .title .right .shuxing>div:nth-of-type(7)>div:last-of-type{
	left: 0px;
}

.baike_content .title .right .shuxing>div:nth-of-type(2)>div:last-of-type,
.baike_content .title .right .shuxing>div:nth-of-type(8)>div:last-of-type{
	left: -121px;
}

.baike_content .title .right .shuxing>div:nth-of-type(3)>div:last-of-type,
.baike_content .title .right .shuxing>div:nth-of-type(9)>div:last-of-type{
	left: -239px;
}

.baike_content .title .right .shuxing>div:nth-of-type(4)>div:last-of-type,
.baike_content .title .right .shuxing>div:nth-of-type(10)>div:last-of-type{
	left: -360px;
}

.baike_content .title .right .shuxing>div:nth-of-type(5)>div:last-of-type,
.baike_content .title .right .shuxing>div:nth-of-type(11)>div:last-of-type{
	left: -480px;
}

.baike_content .title .right .shuxing>div:nth-of-type(6)>div:last-of-type,
.baike_content .title .right .shuxing>div:nth-of-type(12)>div:last-of-type{
	left: -596px;
}

.baike_content .title .right .shuxing>div>div:first-of-type:hover{
	color: white;
	background-color: #ff6542;
}

.baike_content .title .right .shuxing>div>div:first-of-type:hover+div{
	display: none;
}

.baike_content .title .right .shuxing>div:hover>div:last-of-type{
	display: block;
	z-index: 1;
}

/* 下半部分 */
.baike_content .content{
	float: left;
	margin-bottom: 100px;
	width: 870px;
	min-height: 500px;
	background-color: white;
}

/* 宠物特点名列表 */
.baike_content .content .property_title{
	height: 61px;
	background-color: #F0F0F0;
}

.baike_content .content .property_title>div{
	display: inline-block;
	vertical-align: top;
	width: 120px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	font-size: 20px;
	color: #262626;
	border-top: 3px solid #F0F0F0;
}

.baike_content .content .property_title>div:nth-of-type(1){
	background-color: white;
	border-top: 3px solid #ff6542;
	color: #ff6542;
}

/* 宠物特点内容列表 */
.baike_content .content .property_list>div{
	display: none;
	margin: 20px;
}

.baike_content .content .property_list>div:nth-of-type(1){
	display: block;
}

.baike_content .content .property_list>div>img{
	max-width: 830px !important;  
}


/* 推荐 */
#tuijian{
	margin-top: 50px;
	font-size: 0;
	text-align: center;
}

#tuijian .timu{
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: left;
	position: relative;
	text-indent: 10px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

#tuijian .timu>span{
	width: 2px;
	height: 16px;
	position: absolute;
	top: 12px;
	left: 0px;
	background-color: #ff6542;
}

#tuijian .timu>a{
	float: right; 
	text-decoration: none; 
	color: #333;
}

#tuijian .timu>a:hover{
	color: #ff6542;
}

#tuijian>a{
	display: inline-block;
	vertical-align: top;
	width: 210px;
	margin: 3px;
	text-decoration: none;
}

#tuijian>a .img{
	width: 210px;
	height: 148px;
}

#tuijian>a .img>img{
	width: 210px;
	height: 148px;
}

#tuijian>a .name{
	font-size: 14px;
	margin-top: 0;
	text-align: left;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	color: #333;
}

#tuijian>a .price{
	font-size: 14px;
	color: #333;
	text-align: left;
	font-weight: 900;
}

#tuijian>a .red{
	color: #ff6542;
}



/* 优品推荐 */
.baike_content>div>.right_adv_box{
	margin-left: 50px;
	background-color: white;
	display: inline-block;
	vertical-align: top;
	width: 238px;
}

.baike_content>div>.right_adv_box .adv_title{
	margin: 0 4px 16px;
	color: #333333;
	line-height: 42px;
	text-align: center;
	font-weight: 800;
	width: 228px;
	height: 42px;
	border: solid 1px #ff6542;
}

.baike_content>div>.right_adv_box .youpin_content{
	text-align: center;
	font-size: 0;
}

.baike_content>div>.right_adv_box .youpin_content>a{
	display: inline-block;
	vertical-align: top;
	margin: 0 4px;
	border:  1px solid #eeeeee;
	width: 228px;
	background-color: white;
	margin-bottom: 54px;
	text-decoration: none;
}

.baike_content>div>.right_adv_box .youpin_content>a .img{
	height: 195px;
	width: 228px;
	position: relative;
	overflow: hidden;
}

.baike_content>div>.right_adv_box .youpin_content>a .img .dingjian{
	position: absolute;
	top: 7px;
    left: -21px;
	transform: rotate(-45deg);
	width: 80px;
	height: 25px;
	color: white;
	font-size: 14px;
	text-align: center;
	line-height: 25px;
	background-color: #EA5413;
}

.baike_content>div>.right_adv_box .youpin_content>a .img>img{
	height: 195px;
	width: 228px;
}

.baike_content>div>.right_adv_box .youpin_content>a .red_line{
	height: 3px;
	background-color: #ea5413;
	width: 24px;
	margin: 14px 10px;
	transition: 0.5s;
}

.baike_content>div>.right_adv_box .youpin_content>a:hover .red_line{
	width: 208px;
}

.baike_content>div>.right_adv_box .youpin_content>a  .adv_name{
	font-size: 14px;
	color: #333;
	padding: 0 10px;
	text-align: left;
	line-height: 20px;
	margin-bottom: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; 
	overflow: hidden;
}

.baike_content>div>.right_adv_box .youpin_content>a  .adv_name>div:nth-of-type(1){
    width: 100%;
    height: 66px;
    line-height: 22px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    text-align: left;
}

.baike_content>div>.right_adv_box .youpin_content>a  .adv_name>div:nth-of-type(2){
    width: 100%;
    height: 22px;
    overflow : hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    text-align: left;
}

.baike_content>div>.right_adv_box .youpin_content>a  .adv_name .red{
    color: #ff6542;
}

.baike_content>div>.right_adv_box .youpin_content>a  .adv_name .font_size12{
    font-size: 12px;
}

.baike_content>div>.right_adv_box .youpin_content>a  .adv_name .weight{
    font-weight: 800;
}

.baike_content>div>.right_adv_box .youpin_content>a  .adv_shangjia_name{
	color: #999999;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
	text-align: left;
	padding: 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.baike_content>div>.right_adv_box .youpin_content>a  .adv_shangjia_name span{
	display: inline-block;
	vertical-align: top;
}

.baike_content>div>.right_adv_box .youpin_content>a  .adv_shangjia_name img{
	margin-top: 3px;
	display: inline-block;
	vertical-align: top;
}